/*
	Copyright (c) 2011 Andrey O. Zbitnev (azbitnev@gmail.com)
	Licensed under the MIT License (LICENSE).

	$Id$
*/

/*
	ys-dialog: common logic
*/

.ys-dialog > .top > .ys-close { float: right; }

.ys-dialog > .middle > .icon { float: left;}
.ys-dialog > .middle > .text { float: left; }
.ys-dialog > .middle > .clear { clear: both; }

.ys-dialog > .bottom > .buttons { float: right; }

.ys-dialog > .bottom > .clear { clear: both; }

.ys-dialog-shade { z-index: 50000; }
.ys-dialog { z-index: 50001; }


/*
	ys-dialog: common style
*/

.ys-dialog, .ys-dialog-wide {
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0px 8px 14px #aaaaaa;
	-webkit-box-shadow: 0px 8px 14px #aaaaaa;
	-moz-box-shadow: 0px 8px 14px #aaaaaa;
}

.ys-dialog > .middle > .alert { background: white url(images/ys.dialog.alert.png) center center no-repeat; }
.ys-dialog > .middle > .confirm,
.ys-dialog > .middle > .prompt { background: white url(images/ys.dialog.prompt.png) center center no-repeat; }
.ys-dialog > .middle > .info { background: white url(images/ys.dialog.info.png) center center no-repeat; }
.ys-dialog > .middle > .error { background: white url(images/ys.dialog.error.png) center center no-repeat; }

.ys-dialog > .middle > .text > .label { font-weight: bold; }

/*
	ys-dialog: common sizes
*/

.ys-dialog { width: 500px; }
.ys-dialog > .top { height: 24px; }
.ys-dialog > .middle { min-height: 80px; }
.ys-dialog > .bottom { padding-bottom: 20px; }

.ys-dialog > .middle > .icon { width: 40px; height: 40px; margin-left: 20px; }
.ys-dialog > .middle > .text { width: 400px; margin-top: 5px; margin-left: 15px; margin-bottom: 15px; }

.ys-dialog > .middle > .none { width: 0; }

.ys-dialog > .bottom > .buttons { margin-right: 40px; margin-top: 5px; }
.ys-dialog > .bottom > .buttons > button { margin: 10px; text-align: right; }

.ys-dialog > .middle > .text > .input > input { width: 330px; }

/*
	ys-dialog: wide version
*/

.ys-dialog-wide { width: 800px; }
.ys-dialog-wide > .middle > .text { margin: 0 20px; width: auto; }
.ys-dialog-wide > .middle > .text > .input > input { width: 625px; }
.ys-dialog-wide > .middle > .none { display: none; }

/*
	ys-dialog: msie fixes
*/

.ys-dialog-msie {
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#bbbbbb, Strength=0, Direction=0),
		progid:DXImageTransform.Microsoft.Shadow(Color=#bbbbbb, Strength=4, Direction=90),
		progid:DXImageTransform.Microsoft.Shadow(Color=#bbbbbb, Strength=6, Direction=180),
		progid:DXImageTransform.Microsoft.Shadow(Color=#bbbbbb, Strength=1, Direction=270)
	;
}
